<template>
  <el-container>
    <el-header>
      <el-page-header :content="data.name" />
      <div class="do">
        <el-button
          type="primary"
          @click="exportJson"
        >
          export JSON
        </el-button>
      </div>
    </el-header>
    <el-main>
      <sc-workflow v-model="data.nodeConfig" />
    </el-main>
  </el-container>
</template>

<script>
import scWorkflow from '@/components/scWorkflow'

export default {
  name: 'Workflow',
  components: {
    scWorkflow
  },
  data() {
    return {
      data: {
        "id": 1,
        "name": "请假审批",
        "nodeConfig": {
          "nodeName": "发起人",
          "type": 0,
          "nodeRoleList": [],
          "childNode": {
            "nodeName": "条件路由",
            "type": 4,
            "conditionNodes": [{
              "nodeName": "长期",
              "type": 3,
              "priorityLevel": 1,
              "conditionMode": 1,
              "conditionList": [{
                "label": "请假天数",
                "field": "day",
                "operator": ">",
                "value": "7"
              }],
              "childNode": {
                "nodeName": "领导审批",
                "type": 1,
                "setType": 1,
                "nodeUserList": [{
                  "id": "360000197302144442",
                  "name": "何敏"
                }],
                "nodeRoleList": [],
                "examineLevel": 1,
                "directorLevel": 1,
                "selectMode": 1,
                "termAuto": false,
                "term": 0,
                "termMode": 1,
                "examineMode": 1,
                "directorMode": 0
              }
            },
            {
              "nodeName": "短期",
              "type": 3,
              "priorityLevel": 2,
              "conditionMode": 1,
              "conditionList": [],
              "childNode": {
                "nodeName": "直接主管审批",
                "type": 1,
                "setType": 2,
                "nodeUserList": [],
                "nodeRoleList": [],
                "examineLevel": 1,
                "directorLevel": 1,
                "selectMode": 1,
                "termAuto": false,
                "term": 0,
                "termMode": 1,
                "examineMode": 1,
                "directorMode": 0
              }
            }
            ],
            "childNode": {
              "nodeName": "抄送人",
              "type": 2,
              "userSelectFlag": true,
              "nodeUserList": [{
                "id": "220000200908305857",
                "name": "何秀英"
              }]
            }
          }
        }
      }
    }
  },
  mounted() {

  },
  methods: {
    exportJson() {
      this.$message("返回值请查看F12控制台console.log()")
      console.log(this.data)
    }
  }
}
</script>

<style></style>
